<template>
  <div class="clearfix">
    <i class="iconfont icon-yuandian float"></i>

    <div class="text1">
      <el-popover placement="left" width="400" trigger="click">
        <div>
          <div style="height: 30px; color: rgb(0, 0, 0);">基本信息</div>
        <el-form label-position="right" label-width="80px" >
          <el-form-item label="处理人:">
          <div style="height: 30px;">{{ data1.content }}</div>
          </el-form-item>
          <el-form-item label="处理时间:">
            <div style="height: 30px;">{{ data1.data }}</div>
          </el-form-item>
        </el-form>
      </div>
      <div>
          <div style="height: 30px;  color: rgb(0, 0, 0);">处理结果</div>
        <el-form label-position="right" label-width="80px" >
          <el-form-item label="关闭类型:">
          <div style="height: 30px;line-height: 40px;">{{ data1.id }}</div>
          </el-form-item>
          <el-form-item label="备注:">
            <div style="height: 30px;">{{ data1.data }}</div>
          </el-form-item>
        </el-form>
      </div>
        <div slot="reference">{{ data1.content }}</div>
      </el-popover>

    </div>
    <div class="text1">{{ data1.data }}</div>
  </div>
</template>
  
<script>
export default {
  props: {
    data1: {
      type: Object,
      required: true,
    },
  },
 
  mounted() {

  },
};
</script>
  
<style scoped>
::v-deep .el-form-item{
  margin-bottom: 5px;
}
.float {
  position: absolute;
  left: -8px;
  top: -21px;
}

.text1 {
  text-align: left;
  line-height:35px
}

.clearfix {
  border-left: 1px solid black;
  height: 80px;
  padding-left: 30px;
  position: relative;
}
</style>
  